@{
    ViewBag.Title = "JSON压缩转义";
    ViewBag.keywords = "在线JSON压缩转义";
    var host = Appsettings.app("BaseFile:HostUrl");
    ViewBag.description = "在线JSON压缩转义";
}
@section Styles{<style>.layui-btn{margin:5px 0;}</style>}
<div class="layui-row layui-form layui-form-pane JsonTrans">
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">内容：</label>
        <div class="layui-input-block">
            <textarea placeholder="请输入内容" id="content" name="content" rows="8" lay-verify="required" autocomplete="off" class="layui-textarea"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <a class="layui-btn layui-btn-sm ys1" style="background-color:#037ef3;">压缩</a>
        <a class="layui-btn layui-btn-sm ys2" style="background-color:#f85a40;">转义</a>
        <a class="layui-btn layui-btn-sm ys3" style="background-color:#30c39e;">压缩并转义</a>
        <a class="layui-btn layui-btn-sm ys4" style="background-color:#0a8ea0;">去除转义</a>
        <a class="layui-btn layui-btn-sm u2h" style="background-color:#f48924;">Unicode转中文</a>
        <a class="layui-btn layui-btn-sm h2u" style="background-color:#ffc845;">中文转Unicode</a>
        <a class="layui-btn layui-btn-sm cn" style="background-color:#52565e;" title="如果您从他人技术博客copy代码时,可能会因为json中重要符号被替换成中文字符而导致校验失败,这时就可以使用本功能替换">中文符号转英文符号</a>
        <a class="layui-btn layui-btn-sm layui-btn-primary dem">DEMO</a>
        <a class="layui-btn layui-btn-sm layui-btn-danger clear">清空</a>
    </div>

</div>
@section Scripts{
<script type="text/javascript">
        layui.config({ base: '@host/js/' }).use('common',function(){  $=layui.jquery;var JsonTrans=layui.JsonTrans;let area_input = document.getElementById('content');let area_output = document.getElementById('outtxt');
    $(".JsonTrans .ys1").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.yasuo(area_input, 1);
       });
       $(".JsonTrans .ys2").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.yasuo(area_input, 2);
       });
       $(".JsonTrans .ys3").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.yasuo(area_input, 3);
       });
       $(".JsonTrans .ys4").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.yasuo(area_input, 4);
       });
       $(".JsonTrans .u2h").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.u2h(area_input);
       });
       $(".JsonTrans .h2u").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.h2u(area_input);
       });
       $(".JsonTrans .cn").bind("click", function () {
           var code = area_input.value;
           if (code === undefined || code === '' || code === null) { layer.msg("内容不能为空.", { icon: 2 }); return; }
           area_input.value = JsonTrans.cnChar2EnChar(area_input);
       });
       $(".JsonTrans .dem").bind("click", function () { area_input.value = '{"a":"11","b":"12",}'; });
       $(".JsonTrans .clear").bind("click", function () { area_input.value = ''; });
       });
</script>
}